---
import QuickNavCard from "../../components/QuickNavCard.astro";
import Response from "../../assets/astro.svg"
import Layout from "../../layouts/Layout.astro";
import BlogCard from "../../components/Blog-Card.astro";
import XiaoNan from "../../assets/xiaonan.jpg"
---

    
<Layout title="All">

<Fragment slot="main">
    <section class="Nav">
<QuickNavCard
  icon={Response}
  title="Archives"
  desc="Browse articles organized by date"
  href="/archives"
/> 
<QuickNavCard
  icon={Response}
  title="Archives"
  desc="Browse articles organized by date"
  href="/archives"
/> 
<QuickNavCard
  icon={Response}
  title="Archives"
  desc="Browse articles organized by date"
  href="/archives"
/> 
<QuickNavCard
  icon={Response}
  title="Archives"
  desc="Browse articles organized by date"
  href="/archives"
/> 
</section>
<section class="Content">
    <BlogCard
    title="Markdown Style Guide"
    desc="Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro."
    date="Mon Jul 01 2024"
    cover={XiaoNan}
    tags={[{ text: "tech" }, { text: "Markdown" }]}
    href="/blogs/markdown-style-guide"
    meta="639 words · 5 minutes"
  />
</section>
</Fragment>

</Layout>

<style>
.Nav{
    margin-top: 20px;
    display: flex;
    gap:20px;
    flex-wrap: wrap;
}

</style>